<template>
  <view class="note-btn">
    <image class="note-btn-icon" src="/static/community-note-add.png" />
    <view class="note-btn-text">发布</view>
  </view>
</template>

<style lang="scss">
.note-btn {
  display: flex;
  align-items: center;
  height: 76rpx;
  padding: 0 50rpx;
  border-radius: 38rpx;
  background: linear-gradient(111deg, #ff7900 12%, #fac03b 90%);
  box-shadow: 0rpx 4rpx 10rpx 0 rgba(58, 21, 0, 0.15);

  .note-btn-icon {
    width: 40rpx;
    height: 40rpx;
    margin-right: 10rpx;
  }

  .note-btn-text {
    font-size: 28rpx;
    color: #ffffff;
    line-height: 40rpx;
    font-weight: bold;
  }
}
</style>
